<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
      /* 
        请输入三个数字，根据情况进行从大到小或者从小到大的排列

          从大到小：比较的时候用 < 
          从小到大：比较的时候用 >

          为什么比大小要转数值类型，因为默认prompt输入的是字符串类型，字符串比较中是按着ASCII码比较，举例： 11 比2 大，但再字符串中，2 比 11 大
      */

      

      // 从大到小排列
      // var num1 = 10;
      // var num2 = 20;
      // var num3 = 30;
      var num1 = +prompt("请输入第一个数字");
      var num2 = +prompt("请输入第二个数字");
      var num3 = +prompt("请输入第三个数字");
      // 先比较前两个数字
      if(num1 < num2) {
        var temp = num1;
        num1 = num2;
        num2 = temp;
      }
      console.log("前两个数字交换以后：" , num1 , num2 , num3);
      // 再比较后两个数字
      if(num2 < num3) {
        var temp = num2;
        num2 = num3;
        num3 = temp;
      }
      console.log("后两个数字交换以后：" , num1 , num2 , num3);
      // 由于前两次的交换，导致前两个数字的原有值已经发生改变，所以需要吧前两个值再次进行比较
      if(num1 < num2) {
        var temp = num1;
        num1 = num2;
        num2 = temp;
      }
      console.log("最终交换的结果：" , num1 , num2 , num3);
  </script>
</body>
</html>